<template>
	<div v-if="pageLoad">
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">我的订单</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="tabs-border mgb-10">
				<div class="tabs-border-item tabs-border-active">全部</div>
				<div class="tabs-border-item">待付款</div>
				<div class="tabs-border-item">待收货</div>
				<div class="tabs-border-item">待评价</div>
			</div>	
			<div class="list">
				<div class="item row-box mgb-10">
					<div class="flex bd-mp-5">
						<div class="flex-1 cl2">订单号：123123123123</div>
						<div class="cl-primary">待支付</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="flex mgb-10">
						 共<div class="cl-num">1</div>件商品  
						 合计：<div class="cl-money">￥0.01</div>元 
						 <div class="flex-1"></div> 
						 <div class="cl-primary">未支付</div>
					</div>
					<div class="flex flex-jc-end">
						<div class="btn-small btn-outline-danger mgr-10">去支付</div>
						<div class="btn-small  btn-outline-danger" gourl="index.html?m=order&a=show">查看详情</div>
					</div>
				</div>
				
				<div class="item row-box">
					<div class="flex bd-mp-5">
						<div class="flex-1 cl2">订单号：123123123123</div>
						<div class="cl-primary">待支付</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="flexlist-item">
						<image class="flexlist-img" src="img/100x100.jpg"></image>
						<div class="flex-1">
							<div class="flexlist-title">最美时装秀</div>
							<div class="flexlist-ks">红色大衣</div>
							<div class="flex ">
								<div class="flex-1 cl-money">￥100</div>
								<div class="cl3">x 10</div>
							</div>
							
						</div>
					</div>
					<div class="ft flex mgb-10">
						共<div class="cl-num">1</div>件商品  
						合计：<div class="cl-money">￥0.01</div>元 
						<div class="flex-1"></div> 
						<div class="cl-primary">未支付</div>
					</div>
					<div class="flex flex-jc-end">
						<div class="btn-small btn-outline-danger mgr-10">去支付</div>
						<div class="btn-small  btn-outline-danger" gourl="index.html?m=order&a=show">查看详情</div>
					</div>
				</div>
				
			</div>
		</div>
		
	</div>
	
</template>